<!DOCTYPE html>
<html lang="zh">
<html xmlns:th="http://www.thymeleaf.org">
<!-- themeleaf 引入通用的文章分页列表 片段-->
<ul th:fragment="articles" class="note-list" infinite-scroll-url="/">
    <li class="have-img" th:each="data:${pager?.datas}">
        <a class="wrap-img" href="javascript:;">
            <img  th:if="${data.iconUrl}" class="img-blur-done pop" th:src="${data.iconUrl}" alt="120">
        </a>
        <div class="content">
            <a class="title" th:target="${'detail_' + data.id}" th:href="@{'/detail/' + ${data.id}}" th:utext="${data.title}">JAVA SE基础（个人学习总结）</a>
            <p class="abstract" th:utext="${data.summary}">这是一段简介 </p>
            <div class="meta">
                <!--作者-->
                <span> <i class="fa fa-user-circle-o" aria-hidden="true"></i></span>
                <a class="nickname"  href="javascript:;" th:text="${data.author}">Vic.xu</a>
                <!--分类  专题-->
                <span> 分类:</span>
                <a class="nickname"  href="javascript:;" th:utext="${data.categoryName}">分类</a>
                <span>专题:</span>
                <a class="nickname"  href="javascript:;" th:utext="${data.topicName}">专题</a>
                <!--标签-->
                <span><i class="fa fa-tags"></i></span>
                <a th:each="tag:${#strings.listSplit(data.tagNames,',')}" href="javascript:;" th:utext="${tag}"></a>
            </div>
        </div>
    </li>

</ul>